<template>
    <div class="setComponent">
        <div class="form-item">
            <label>标题内容</label>
            <textarea v-model="obj.value"/>
        </div>
        <div class="form-item">
            <label>文字大小</label>
            <el-select v-model="obj.fontSize" placeholder="请选择">
                <el-option
                    v-for="item in fontSizeOptions"
                    :key="item"
                    :label="item"
                    :value="item"/>
            </el-select>
        </div>
        <div class="form-item">
            <label>行高</label>
            <el-select v-model="obj.lineHeight" placeholder="请选择">
                <el-option
                    v-for="item in lineHeightOptions"
                    :key="item"
                    :label="item"
                    :value="item"/>
            </el-select>
        </div>
    </div>
</template>
<script>
export default {
    name: 'Textarea',
    props: {
        obj: {
            type: Object

        }
    },
    data() {
        return {
            fontSizeOptions: [
                '12px',
                '14px',
                '16px',
                '18px',
                '20px',
                '22px',
                '24px',
                '30px'
            ],
            lineHeightOptions: [
                '30px',
                '40px',
                '60px'
            ]
        }
    }
}
</script>
<style lang="scss">

</style>

